
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>美酒香茶页面</title>

		<script type="text/javascript" src="${website}resource/js/common.js "></script>
		<script type="text/javascript"
			src="${website}resource/js/food/imageBox.js"></script>
		<script type="text/javascript"
			src="${website}resource/js/food/jcarousellite_1.0.1.pack.js"></script>
		<script type="text/javascript">
	$(function() {
		$(".image2").jCarouselLite( {
			btnNext : ".next2",
			btnPrev : ".prev2",
			visible : 4,
			scroll : 2

		});
	});
	$(function() {
		$(".image1").jCarouselLite( {
			btnNext : ".next1",
			btnPrev : ".prev1",
			visible : 4,
			scroll : 2

		});
	});
</script>
		<link rel="stylesheet"
			href="${website}resource/css/food/imageBox2.css" type="text/css" />
	</head>

	<body>
		<table align="center">
			<tr>
				<td colspan="2">
					美酒
				</td>
			</tr>
			<tr>
				<td>
					<div class="container">

						<div class="folio_block">

							<div class="main_view">

								<div class="window">
									<div class="image_reel">
										<c:forEach items="${drinkImageList}" var="drinkImage">

											<img src="${website}resource/${drinkImage.imageUrl}" width="400" height="250"/>

										</c:forEach>
									</div>
								</div>
								<div class="paging">

									<c:forEach items="${drinkImageList}" varStatus="var">
										<a href="#" rel="${var.index}">${var.index+1}</a>

									</c:forEach>


								</div>
							</div>
							<p style="color: #fff; margin: 10px 0; float: left; width: 100%;">
							</p>

						</div>

					</div>


				</td>
				<td>
					${drinkDesc}
				</td>

			</tr>
			<tr>
				<td colspan="2">
					<table>
						<tr>


							<td colspan="2">


								<div class="image1">
									<ul>
										<c:forEach items="${drinkList}" var="drink" varStatus="var"
											begin="6" end="20">
											<li>
												<a href="show_getFoodDetail.action?foodId=${drink.foodId}">
													<img src="${website}resource/${drink.imageUrl}" alt=""
														width="200" height="150"> <br /> ${drink.name} </a>
											</li>
										</c:forEach>
									</ul>
								</div>
								<button class="prev1">
									<<
								</button>
								<button class="next1">
									>>
								</button>


							</td>

						</tr>
					</table>
				</td>
			</tr>
			<tr>
				<td colspan="2">
					茶香
				</td>
			</tr>
			<tr>
				<td>
					${teaDesc}
				</td>
				<td>
					<div class="container">

						<div class="folio_block">

							<div class="main_view">

								<div class="window">
									<div class="image_reel">
										<c:forEach items="${teaImageList}" var="teaImage">

											<img alt="" src="${website}resource/${teaImage.imageUrl}"
												width="400" height="250" />

										</c:forEach>
									</div>
								</div>
								<div class="paging">

									<c:forEach items="${teaImageList}" varStatus="var">
										<a href="#" rel="${var.index}">${var.index+1}</a>

									</c:forEach>


								</div>
							</div>
							<p style="color: #fff; margin: 10px 0; float: left; width: 100%;">
							</p>
				</td>

			</tr>
			<tr>
				<td colspan="2">
					<table>
						<tr>
							<td>
								<div class="image2">
									<ul>
										<c:forEach items="${teaList}" var="tea" varStatus="var">
											<li>
												<a href="show_getFoodDetail.action?foodId=${tea.foodId}">
													<img src="${website}resource/${tea.imageUrl}" alt=""
														width="200" height="150"> <br /> ${tea.name} </a>
											</li>
										</c:forEach>
									</ul>
								</div>
								<button class="prev2">
									<<
								</button>
								<button class="next2">
									>>
								</button>
							</td>
						</tr>
					</table>

				</td>
			</tr>
		</table>
	</body>
</html>